<style type="text/css">
    
    html, body {
        font-family: arial;
        font-size: 13px;
    }
    
    label { display: block;}
    
    .g-form-error { color: #ff0000; font-size: 11px; }
</style>

<h1>Forms</h1>

<p><?=lang('forms.intro')?></p>

<?=form_open('forms')?>
<fieldset>
    <legend>Form 1</legend>
    
    <?=validation_errors()?>
    
    <p>
        <label><?=lang('first_name')?></label>
        <input type="text" name="first_name" value="<?=set_value('first_name')?>" />
    </p>
    
    <p>
        <label><?=lang('last_name')?></label>
        <input type="text" name="last_name" value="<?=set_value('last_name')?>" />
    </p>
    
    <p>
        <label><?=lang('email')?></label>
        <input type="text" name="email" value="<?=set_value('email')?>" />
    </p>
    
    <p>
        <label><?=lang('gender')?></label>
        <select name="gender">
            <option value="male">Male</option>
            <option value="female">Female</option>
        </select>
    </p>
    
    <p>
        <input type="submit" name="btnForm1" value="Submit" />
    </p>
</fieldset>
<?=form_close()?>

<br />

<!-- Form 2 -->
<?=form_open('forms')?>
<fieldset>
    <legend>Form 2</legend>
    
    <p>
        <label><?=lang('username')?></label>
        <input type="text" name="username" value="<?=set_value('username')?>" />
        <?=form_error('username', 'form2')?>
    </p>
    
    <p>
        <label><?=lang('password')?></label>
        <input type="password" name="password" value="<?=set_value('password')?>" />
        <?=form_error('password', 'form2')?>
    </p>
    
    <p>
        <label><?=lang('password_confirm')?></label>
        <input type="password" name="password_confirm" />
        <?=form_error('password_confirm', 'form2')?>
    </p>
    
    <p>
        <input type="submit" name="btnForm2" value="Submit" />
    </p>
</fieldset>
<?=form_close()?>